<template>
  <div class="wrap">
    <div class="container w">
      <LeftSidebar class="left-sidebar" />
      <div class="right-main">
        <router-view />
      </div>
    </div>
  </div>
</template>

<script>
import LeftSidebar from '@/news/views/Creator/LeftSidebar'
export default {
  name: 'Creator',
  components: { LeftSidebar },
  data() {
    return {
    }
  },
  created() {},
  methods: {}
}
</script>
<style lang="scss" scoped>
.wrap{
  margin-top:10px;
}
.w{
  width: 100%;
  // margin: 0 auto;
  // height: 100vh;
  display:flex;
  justify-content: space-between;
}
.left-sidebar{
  min-width: 240px;
  margin-right: 15px;
  // float: left;
}
.right-main{
  width: 800px;
  margin-top: 10px ;
  overflow-y: auto;
  max-height: calc(100vh - 80px);
  flex-grow: 1;
  // float: left;
}
</style>
